/* page */
html,body{
    height: 100%;
    margin: 0;
    padding: 0;
}
#app{width: 100%;height: 100%;}
/* flex栅格 */
.flex-col {
    overflow: hidden;
    display: -ms-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
  }
  .flex-row {
    overflow: hidden;
    display: -ms-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-1 {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }
  .flex-2 {
    -ms-flex: 2;
    flex: 2;
    min-width: 0;
  }
  .flex-3 {
    -ms-flex: 3;
    flex: 3;
    min-width: 0;
  }
  .flex-4 {
    -ms-flex: 4;
    flex: 4;
    min-width: 0;
  }
  .align-stretch {
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .align-center {
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .justify-center {
    -ms-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  /* 路由动画 */
  .child-view {
    position: absolute;
    transition: all .5s cubic-bezier(.55,0,.1,1);
    width:100%;
    background:#fff;
  }
  .slide-left-enter, .slide-right-leave-active {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
  }
  .slide-left-leave-active, .slide-right-enter {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
  }
/* 单行文字省略号 */
.el {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
